{% extends 'base.html' %}
{% load staticfiles %}

{% block content_block %}
 <div class="content wow fadeInUp">
	<div class="container">
		<div class="row">
			<ul class="bread1 text-center">
				<li><a href="index.html" >首页</a></li>
				<li style="width:250px;height:50px;"><a href="{% url 'anli_list' %}?cid={{ anli.id }}" tppabs="{% url 'anli_list' %}?cid={{ anli.id }}"> 案例</a></li>
				<li class="active">您值得信赖的礼品定制专家</li>
			</ul>

			<div class="divider">
			      <img class="img-responsive" src="/uploads/ad/2018/06/shadow.png" alt="">
			</div><!-- /.divider -->
		</div>
		<div class="row inner-top-xs single-book-block">
			<div class="col-md-9 col-md-push-3">
				<!-- .primary block -->
				<div class="single-book primary-block">
	<div class="row">
		<div class="col-md-5 col-sm-5">
			<div class="book-cover">
				<img width="268" height="408" alt="" src="/uploads/ad/2018/06/blank.gif" tppabs="/uploads/ad/2018/06/blank.gif" data-echo="/uploads/{{ anli.img }}">
			</div><!-- /.book-cover -->
			<div class="share-button">

				<!-- Go to www.addthis.com/dashboard to customize your tools -->
                <div class="addthis_native_toolbox inner-top-vs"></div>
			</div>

		</div>
<div class="col-md-7 col-sm-7">
			<div class="featured-book-heading">
				<h1 class="title">{{ anli.title }}</h1>

			</div>





				</div>
    <div class="divider inner-top-xs">
                    <img src="/uploads/ad/2018/06/shadow.png" tppabs="/uploads/ad/2018/06/shadow.png" class="img-responsive" alt=""/>
				</div>
        <div class="col-md-12 col-sm-12">
            <div clss="content row" id="content-review">
               <div class="col-md-12 col-sm-12">{% autoescape off %} {{ anli.content }} {% endautoescape %}</div>
            </div>
        </div>
			</div>
		</div>			    <!-- /.primary block -->

				<div class="divider inner-top-xs">
                    <img src="/uploads/ad/2018/06/shadow.png" tppabs="/uploads/ad/2018/06/shadow.png" class="img-responsive" alt=""/>
				</div>

            </div>

			<div class="col-md-3 col-md-pull-9">
				<aside class="sidebar">
					<div class="sidebar-module">
						<div class="sidebar-module-heading">
							<h4 class="sidebar-module-title">关于本大师</h4>
						</div>
						<div class="sidebar-module-body clearfix">
							<ul class="list-unstyled filter-list">
								<li>
									<a class="pull-right remove-filter" title="Cancel" href="#">
									<i class="fa fa-times"></i>
									</a>
									关于我们 & 联系我们
								</li>
							</ul>
						</div>
					</div>

					<!-- ============================================== BOOKS BY SUBJECT ============================================== -->
<div class="sidebar-module">
	<div class="sidebar-module-heading">
		<h4 class="sidebar-module-title">记事本</h4>
	</div>
	<div class="sidebar-module-body clearfix">
		<ul class="list-unstyled">
			<li><a href="/products/?cid=3">U盘充电记事本</a></li>
                                            <li><a href="/products/?cid=2">充电记事本</a></li>
                                            <li><a href="/products/?cid=4">密码锁充电记事本</a></li>
                                            <li><a href="/products/?cid=5">无线充电记事本</a></li>
		</ul>
	</div>
</div>
<!-- ============================================== BOOKS BY SUBJECT : END ============================================== -->
				   <!-- ============================================== BEST BOOKS ============================================== -->
<div class="sidebar-module">
	<div class="sidebar-module-heading">
		<h4 class="sidebar-module-title">钱包</h4>
	</div>
	<div class="sidebar-module-body clearfix">
		<ul class="list-unstyled">
			<li><a href="/products/?cid=8">无线充电钱包</a></li>
                                            <li><a href="/products/?cid=9">女款充电钱包</a></li>
                                            <li><a href="/products/?cid=10">男款充电钱包</a></li>
                                            <li><a href="/products/?cid=11">充电ipad套</a></li>
		</ul>
	</div>
</div>

                    <div class="sidebar-module">
	<div class="sidebar-module-heading">
		<h4 class="sidebar-module-title">手账本</h4>
	</div>
	<div class="sidebar-module-body clearfix">
		<ul class="list-unstyled">
			<li><a href="/products/?cid=15">减压手账本</a></li>
                                            <li><a href="/products/?cid=16">口袋手账本</a></li>
		</ul>
	</div>
</div>

                    <div class="sidebar-module">
	<div class="sidebar-module-heading">
		<h4 class="sidebar-module-title">鼠标垫</h4>
	</div>
	<div class="sidebar-module-body clearfix">
		<ul class="list-unstyled">
			<li><a href="/products/?cid=13">无线充电鼠标垫</a></li>
                                            <li><a href="/products/?cid=12">充电鼠标垫</a></li>
		</ul>
	</div>
</div>
<!-- ============================================== BEST BOOKS : END ============================================== -->				</aside>
			</div><!-- /.col -->
		</div><!-- /.row -->
	</div><!-- /.container -->
</div><!-- /.content -->

{% endblock %}